<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/home.xhtml">

	<ui:param name="title" value="编辑简历" />
	
	<ui:define name="content">
		<!-- body left -->
		<div id="lefter">
			<div class="userURL"><i>简历网址：<a href="#">http://www.makejl/xiaomin</a></i></div>
			<div class="main-shadow"></div>
			<h1>基本资料</h1>
			<h:panelGrid columns="4" width="80%" style="float:left;">
				<h:outputText value="姓名"/>
				<rich:inplaceInput value="王小明"/>
				<h:outputText value="性别"/>
				<rich:inplaceSelect defaultLabel="男">
					<f:selectItem itemValue="0" itemLabel="男"/>
					<f:selectItem itemValue="1"  itemLabel="女"/>
				</rich:inplaceSelect>
				
				<h:outputText value="出生年月"/>
				<rich:inplaceInput value="1985-10"/>
				<h:outputText value="户口所在地"/>
				<rich:inplaceInput value="北京"/>
				
				<h:outputText value="手机号码"/>
				<rich:inplaceInput value="18910859671"/>
				<h:outputText value="电子邮件"/>
				<rich:inplaceInput value="a@abc.com"/>
				
				<h:outputText value="工作经验"/>
				<rich:inplaceInput value="3年"/>
				<h:outputText value="最高学历"/>
				<rich:inplaceInput value="大学本科"/>
				
				<h:outputText value="民族"/>
				<rich:inplaceInput value="汉"/>
				<h:outputText value="现居地"/>
				<rich:inplaceInput value="北京"/>
				
				<h:outputText value="毕业院校"/>
				<rich:inplaceInput value="北京化工大学"/>
				<h:outputText value="专业名称"/>
				<rich:inplaceInput value="计算机科学 与技术"/>
				
				<h:outputText value="个人博客"/>
				<rich:inplaceInput value="hi.baidu.com/xxx"/>
				<h:outputText value="婚姻"/>
				<rich:inplaceInput value="己"/>
			</h:panelGrid>
			
			<h:panelGroup layout="block" style="float:left;witdh:20%;">
				<h:graphicImage value="/imgs/none.gif" />
			</h:panelGroup>
			
			<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
				<a4j:commandButton value="保存该模块"/>	
			</h:panelGroup>
			
			<h1>求职意向</h1>
			<h:panelGrid columns="4">
				<h:outputText value="期望类型"/>
				<h:selectManyCheckbox value="">
					<f:selectItem itemLabel="全职"/>
					<f:selectItem itemLabel="兼职"/>
					<f:selectItem itemLabel="实习 "/>
				</h:selectManyCheckbox>
				<h:outputText value=""/>
				<h:outputText value=""/>
				
				<h:outputText value="工作地点"/>
				<h:inputText value="北京|上海"/>
				<h:outputText value="职业类别"/>
				<h:outputText value="软件工程师"/>
				
				<h:outputText value="行业类别"/>
				<h:inputText value="IT服务"/>
				<h:outputText value="期望月薪"/>
				<h:selectOneMenu value="">
					<f:selectItem itemValue="1000-2000"/>
					<f:selectItem itemValue="2000-3000"/>
					<f:selectItem itemValue="3000-4000"/>
				</h:selectOneMenu>
				
				<h:outputText value="到岗时间"/>
				<h:selectOneMenu value="">
					<f:selectItem itemValue="一个月内"/>
					<f:selectItem itemValue="面谈"/>
					<f:selectItem itemValue="1-3个月"/>
					<f:selectItem itemValue="1周以内"/>
				</h:selectOneMenu>
			</h:panelGrid>
			
			<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
				<a4j:commandButton value="保存该模块"/>	
			</h:panelGroup>
			
			<h1>工作经验</h1>
			
			<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="company">
				<h:column>
					<h:panelGrid columns="2">
						<h:outputText value="时间"/>
						<h:panelGroup>
							<rich:inplaceInput value="2008/8" defaultLabel="2008/08" inputWidth="100px"/>
							<h:outputText value="-"/>
							<rich:inplaceInput value="2008/8" inputWidth="100px" defaultLabel="2009/10"/>
						</h:panelGroup>
						
						<h:outputText value="企业名称"/>
						<h:panelGroup>
							<rich:inplaceInput value="#{job}" layout="block"/>
						</h:panelGroup>
						
						<h:outputText value="企业性质"></h:outputText>
						<rich:inplaceInput defaultLabel="三资"/>
						
						<h:outputText value="企业规模"></h:outputText>
						<rich:inplaceInput defaultLabel="100-499人"/>
						
						<h:outputText value="行业类别"></h:outputText>
						<rich:inplaceInput defaultLabel="计算机软件"/>
							
						<h:outputText value="职位"></h:outputText>
						<rich:inplaceInput defaultLabel="软件工程师"/>
						
						<h:outputText value="月薪"></h:outputText>
						<rich:inplaceInput defaultLabel="1000-2000"/>
						
						<h:outputText value="公司描述"/>		
						<h:inputTextarea style="width:400px;height:70px;" value="skadjfaakkkkkkkkkkkkkkk"/>
					</h:panelGrid>
					<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
				</h:column>
			</rich:dataTable>
			
			<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
				<a4j:commandButton value="继续添加工作经验" action="#{EditHandler.addCompany}" reRender="company"/>	
				<a4j:commandButton value="保存该模块"/>	
			</h:panelGroup>
	
			<h1>项目经验</h1>
				
			<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="project">
				<h:column>
					<h:panelGrid columns="2">
						<h:outputText value="时间"/>
						<h:panelGroup>
							<rich:inplaceInput value="2008/8" defaultLabel="2008/08" inputWidth="100px"/>
							<h:outputText value="-"/>
							<rich:inplaceInput value="2008/8" inputWidth="100px" defaultLabel="2009/10"/>
						</h:panelGroup>
						
						<h:outputText value="项目名称"/>
						<h:panelGroup>
							<rich:inplaceInput value="#{job}" layout="block"/>
						</h:panelGroup>
						
						<h:outputText value="项目描述"/>		
						<h:inputTextarea style="width:400px;height:70px;" value="skadjfaakkkkkkkkkkkkkkk"/>
						
						<h:outputText value="项目中职责"/>		
						<h:inputTextarea style="width:400px;height:70px;" value="skadjfaakkkkkkkkkkkkkkk"/>
					</h:panelGrid>
					<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
				</h:column>
			</rich:dataTable>
			
			<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
				<a4j:commandButton value="继续添加项目经验" action="#{EditHandler.addCompany}" reRender="project"/>	
				<a4j:commandButton value="保存该模块"/>	
			</h:panelGroup>
		
		<h1>教育背景</h1>
				
		<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="education">
			<h:column>
				<h:panelGrid columns="2">
					<h:outputText value="时间"/>
					<h:panelGroup>
						<rich:inplaceInput value="2008/8" defaultLabel="2008/08" inputWidth="100px"/>
						<h:outputText value="-"/>
						<rich:inplaceInput value="2008/8" inputWidth="100px" defaultLabel="2009/10"/>
					</h:panelGroup>
					
					<h:outputText value="学校名称"/>
					<h:panelGroup>
						<rich:inplaceInput value="XXXX大学" layout="block"/>
					</h:panelGroup>
					
					<h:outputText value="专业名称"/>		
					<h:inputTextarea style="width:400px;height:70px;" value="计算机科学与技术"/>
					
					<h:outputText value="学历"/>	
					<h:selectOneMenu value="">
						<f:selectItem itemValue="本科"/>
						<f:selectItem itemValue="硕士"/>
						<f:selectItem itemValue="博士"/>
						<f:selectItem itemValue="其它"/>
					</h:selectOneMenu>
				
				</h:panelGrid>
				<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
			</h:column>
		</rich:dataTable>
		
		<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
			<a4j:commandButton value="继续添加教育背景" action="#{EditHandler.addCompany}" reRender="education"/>	
			<a4j:commandButton value="保存该模块"/>	
		</h:panelGroup>
		
		<h1>证书</h1>
				
		<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="certificates">
			<h:column>
				<h:panelGrid columns="2">
					<h:outputText value="获得时间"/>
					<rich:inplaceInput value="2008/8" defaultLabel="2008/08" inputWidth="100px"/>
					
					<h:outputText value="证书名称"/>
					<rich:inplaceInput value="专业四级" layout="block"/>
					
					<h:outputText value="专业名称"/>		
					<h:inputTextarea style="width:400px;height:70px;" value="计算机科学与技术"/>
					
				</h:panelGrid>
				<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
			</h:column>
		</rich:dataTable>
		
		<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
			<a4j:commandButton value="继续添加证书" action="#{EditHandler.addCompany}" reRender="certificates"/>	
			<a4j:commandButton value="保存该模块"/>	
		</h:panelGroup>
		
		<h1>语言能力</h1>
				
		<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="language">
			<h:column>
				<h:panelGrid columns="10">
					<h:outputText value="外语语种"/>
					<h:selectOneMenu>
						<f:selectItem itemLabel="英语"/>
						<f:selectItem itemLabel="日语"/>
					</h:selectOneMenu>
					
					<h:outputText value="听能力"/>
					<h:selectOneMenu>
						<f:selectItem itemLabel="一般"/>
						<f:selectItem itemLabel="良好"/>
						<f:selectItem itemLabel="熟练"/>
						<f:selectItem itemLabel="精通"/>
					</h:selectOneMenu>
					
					<h:outputText value="说能力"/>
					<h:selectOneMenu>
						<f:selectItem itemLabel="一般"/>
						<f:selectItem itemLabel="良好"/>
						<f:selectItem itemLabel="熟练"/>
						<f:selectItem itemLabel="精通"/>
					</h:selectOneMenu>
					
					<h:outputText value="读能力"/>
					<h:selectOneMenu>
						<f:selectItem itemLabel="一般"/>
						<f:selectItem itemLabel="良好"/>
						<f:selectItem itemLabel="熟练"/>
						<f:selectItem itemLabel="精通"/>
					</h:selectOneMenu>
					
					<h:outputText value="写能力"/>
					<h:selectOneMenu>
						<f:selectItem itemLabel="一般"/>
						<f:selectItem itemLabel="良好"/>
						<f:selectItem itemLabel="熟练"/>
						<f:selectItem itemLabel="精通"/>
					</h:selectOneMenu>
					
				</h:panelGrid>
				<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
			</h:column>
		</rich:dataTable>
		
		<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
			<a4j:commandButton value="继续添加语言" action="#{EditHandler.addCompany}" reRender="language"/>	
			<a4j:commandButton value="保存该模块"/>	
		</h:panelGroup>
		
		<h1>培训</h1>
				
		<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="training">
			<h:column>
				<h:panelGrid columns="2">
					<h:outputText value="时间"/>
					<h:panelGroup>
						<rich:inplaceInput value="2008/8" defaultLabel="2008/08" inputWidth="100px"/>
						<h:outputText value="-"/>
						<rich:inplaceInput value="2008/8" inputWidth="100px" defaultLabel="2009/10"/>
					</h:panelGroup>
					
					<h:outputText value="培训机构"/>
					<rich:inplaceInput value="专业四级" layout="block"/>
					
					<h:outputText value="培训课程"/>
					<rich:inplaceInput value="XXXXXXXXXX" layout="block"/>
					
					<h:outputText value="详细描述"/>		
					<h:inputTextarea style="width:400px;height:70px;" value="计算机科学与技术"/>
					
				</h:panelGrid>
				<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
			</h:column>
		</rich:dataTable>
		
		<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
			<a4j:commandButton value="继续添加证书" action="#{EditHandler.addCompany}" reRender="training"/>	
			<a4j:commandButton value="保存该模块"/>	
		</h:panelGroup>
		
		<h1>其它信息</h1>
				
		<rich:dataTable value="#{EditHandler.jobList}" var="job" style="width:100%;" id="others">
			<h:column>
				<h:panelGrid columns="2">
					<h:outputText value="其它"/>
					<rich:inplaceInput value="专业四级" layout="block"/>
					
					<h:outputText value="详细描述"/>		
					<h:inputTextarea style="width:400px;height:70px;" value="计算机科学与技术"/>
					
				</h:panelGrid>
				<a4j:commandButton value="删除此项" style="float:right;margin-right:20px;"/>	
			</h:column>
		</rich:dataTable>
		
		<h:panelGroup style="width:95%;border-top:1px solid #DDD;margin:10px auto;text-align:left;clear:both;" layout="block">
			<a4j:commandButton value="继续添加其它信息" action="#{EditHandler.addCompany}" reRender="others"/>	
			<a4j:commandButton value="保存该模块"/>	
		</h:panelGroup>
		
		</div>
		
		<!-- body right -->
		<div id="righter">
			<rich:panel header="创建外语简历" styleClass="editPanel">
				
				<h:outputText value="请选择简历语言:"/>
				<br/>
				<h:selectOneMenu >
					<f:selectItem itemLabel="英文"/>
					<f:selectItem itemLabel="日文"/>
				</h:selectOneMenu>
				
				<a4j:commandButton onclick="#{rich:component('loading')}.show()" value="开始创建"/>
			</rich:panel>

			<rich:panel header="公开设置"  styleClass="editPanel">
				<h:outputText value="设置是否公开简历"/>
				<br/>
				<h:outputText value="公开：任何人能看到你的简历"/>
				<br/>
				<h:outputText value="半公开：姓名等信息被屏蔽"/>
				<br/>
				<h:outputText value="私有：只有自己能查看"/>
				<br/>
				<h:selectOneMenu >
					<f:selectItem itemLabel="公开"/>
					<f:selectItem itemLabel="半公开"/>
					<f:selectItem itemLabel="私有"/>
				</h:selectOneMenu>
				<a4j:commandButton onclick="#{rich:component('loading')}.show()" value="保存"/>
			</rich:panel>
			
			<rich:panel header="选择模板"  styleClass="editPanel">
				<h:outputText value="选择模板"/>
				<br/>
				<h:outputText value="选择色彩"/>
				<br/>
				<rich:colorPicker colorMode="hex">
                </rich:colorPicker>
			</rich:panel>
			
			<rich:panel header="导出/打印"  styleClass="editPanel">
				<ul>
					<li class="liPrint"><h:outputText value="打印"/></li>
					<li class="liPdf"><h:outputText value="导出为PDF"/></li>
					<li class="liWord"><h:outputText value="导出为Word"/></li>
					<li class="liTxt"><h:outputText value="导出为纯文本"/></li>
					<li class="liPreview"><h:outputText value="预览简历"/></li>
					<li class="liEmail"><h:outputText value="向企业发送简历"/></li>
				</ul>
			</rich:panel>
		</div>
		
		<a4j:form ajaxSubmit="true" ajaxSingle="false">
				<rich:jQuery name="init" timing="onJScall" query="animate({right:'0'})"/>
				<rich:jQuery name="back" timing="onJScall" query="animate({right:'-180px'})"/>
				<h:panelGroup  id="catelog" layout="block" class="feedback-box" style="width:200px;height:200px;right:-180px;">
					<h:commandLink  value="简历目录  >" onmouseup="#{rich:component('feedback')}.show()" style="width:20px;display:block;float:left;"/>
					<h:panelGroup layout="block" style="width:150px;float:left;">
<!--						<ul>-->
<!--							<li><h:outputText value="基本资料"/></li>-->
<!--							<li><h:outputText value="求职意向"/></li>-->
<!--							<li><h:outputText value="工作经验"/></li>-->
<!--							<li><h:outputText value="项目经验"/></li>-->
<!--							<li><h:outputText value="教育背景"/></li>-->
<!--						</ul>-->
						 <rich:tree style="100%">
					          <rich:treeNode type="artist">
					              <h:outputText value="基本资料" />
					          </rich:treeNode>
					          <rich:treeNode type="album">
					              <h:outputText value="求职意向" />
					          </rich:treeNode>
					          <rich:treeNode type="song">
					              <h:outputText value="工作经验" />
					          </rich:treeNode>
					          <rich:treeNode type="song">
					              <h:outputText value="项目经验" />
					          </rich:treeNode>
					           <rich:treeNode type="song">
					              <h:outputText value="教育背景" />
					          </rich:treeNode>
					     </rich:tree>
					</h:panelGroup>
				</h:panelGroup >
				<rich:jQuery selector="#catelog" query="toggle(function(){init(this)},function(){back(this)})"/>
				<div class="feedback-box" style="top:320px;;width:20px;height:20px;">
					<h:commandLink  value="Top" onmouseup="#{rich:component('feedback')}.show()" style="font-size:10px;"/>
				</div>
		</a4j:form>
	</ui:define>
</ui:composition>